<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>明道致远</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="chajian/mui/css/mui.css" rel="stylesheet" />
		<link href="chajian/mui/css/mui.picker.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/common.css" />
		<script type="text/javascript" src='chajian/jquery/jquery-1.11.3.min.js'></script>
		<script type="text/javascript" src="chajian/flexibel/flexible.js"></script>
		<script type="text/javascript" src="chajian/flexibel/flexible_css.js"></script>
	</head>

	<body>
		<script src="chajian/mui/js/mui.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<div class="main" style="padding-bottom: 60px;">
			<div class="my-card-over">
				<div class="my-card-media" style="height: 5rem;">
					<img src="images/md_gzhketuxqs.png" alt="" />
				</div>
				<div class="ab-footer">
					<div class="bg-white">
						<div>26课时</div>
						<div class="bar"></div>
						<div>4-8岁</div>
						<div class="bar"></div>
						<div>情景教学</div>
					</div>
				</div>
			</div>
			<div class="my-card-over" style="margin-top: 1.1rem;">
				<div class="my-card-content">
					<div class="my-card-content-inner" style="padding-bottom: 0;">
						<p style="color: #333;font-size: .4rem;">脑潜能经典课程</p>
						<p style="margin-top: .3rem;">
							<span class="orange-price">19.9&sim;105.6</span>
							<span style="font-size: 0.3rem;">共15课时</span>
							<span style="font-size: 0.3rem;">483人参与</span>
						</p>
						<p style="margin-top: .2rem;" class="figure">
							<img src="images/md_gzhkexqytgtu.png" alt="" />
							<span style="font-size: 0.3rem;">A1514413224141</span>
							<span style="font-size: 0.3rem;color: #f59c3d;margin-left: 0.3rem;">8人团</span>
							<input type="button" class="my-btn rt" value="去拼团"/>
							<span style="font-size: 0.3rem;margin-right: 0.3rem;" class="rt">还差一人拼单</span>
							<div class="clear"></div>
						</p>
					</div>
				</div>
			</div>
			<div class="my-card-over">
				<div class="content-introduction">
					<div class="content-introduction-box">
						<div class="content-introduction-title">
							内容介绍
						</div>
						<img src="images/md_gzhketuxqss.png" alt="" />
					</div>
					<p class="text-p">
						运用图像的方法让孩子在最短的时间内学习大量知识，突破传统填鸭式死记硬背的教育模式，在培养孩子自信心、荣誉感的同时，最大限度的发挥出他们的想象力、创造力、记忆力、专注力、思维力等多方面的能力。
					</p>
				</div>
			</div>
			<div class="my-card-over">
				<div class="a-bed">
					<p style="color: #6bc9da;">故事有趣</p>
					<p>我们将精心打造出适合中国少年儿童身心发展、生动有趣的课程、让孩子争做未来领跑者的摇篮。</p>
				</div>
				<div class="a-bed">
					<p style="color: #6bc9da;">语言生动</p>
					<p>我们将精心打造出适合中国少年儿童身心发展、生动有趣的课程、让孩子争做未来领跑者的摇篮。</p>
				</div>
				<div class="a-bed">
					<p style="color: #6bc9da;">寓教娱乐</p>
					<p>我们将精心打造出适合中国少年儿童身心发展、生动有趣的课程、让孩子争做未来领跑者的摇篮。</p>
				</div>
			</div>
		</div>
		<div class="footer-bar-tab">
			<div class="lf">
				<a href="#">
					<span class="list-img"></span>
					<span>列表</span>
				</a>
				<a href="#" class="collect-click">
					<span class="collect-img"></span>
					<span>收藏</span>
				</a>
				<div class="clear"></div>
			</div>
			<div class="rt">
				<a href="#">
					发起拼团<span>￥19.9&sim;105.6</span>
				</a>
			</div>
			<div class="clear"></div>
		</div>
	</body>
	<script type="text/javascript">
		$(".collect-img").click(function(){
			if($(this).hasClass("current")){
				$(this).removeClass("current");
			}else{
				$(this).addClass("current");
			}
		})
	</script>
</html>